<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 电光云</title>
    <link rel="stylesheet" href="../css/styles.css">
    <link rel="stylesheet" href="../css/trial-form.css">
    <link rel="stylesheet" href="../css/typography.css">
    <link rel="stylesheet" href="../css/mobile-nav.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <script src="../js/banner.js" defer></script>
    <script src="../js/trial-form.js" defer></script>
    <script src="../js/mobile-nav.js" defer></script>
    <script defer src="https://cloud.umami.is/script.js" data-website-id="73aa0aaa-5134-451a-a45c-eb4d3bc692bb"></script>

</head>
<body>
    <!-- 导航栏 -->
    <div id="navbar-container"></div>

    <!-- Banner部分 -->
    <div class="banner">
        <div class="banner-slider">
            <div class="banner-slide active" style="background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
                <div class="banner-overlay"></div>
                <div class="banner-content">
                    <h1>关于电光云</h1>
                    <p>专业的云计算和高性能计算解决方案提供商</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 公司简介 -->
    <section id="about-intro" class="about-intro">
        <div class="container">
            <div class="section-title">
                <h2>公司简介</h2>
                <div class="title-line"></div>
            </div>
            <div class="about-content">
                <div class="about-text">
                    <p>北京电光云信息技术有限公司（简称“电光云”）为中国高校科研、企业研发等客户群体提供以超算、智算为算力基座的云上业务模式。</p>
                    <p>面向地方政府，拥有丰富的集算力中心构建、运营、服务为一体的落地经验，为中国算力经济建设贡献专业力量。北京电光云拥有全栈式架构算力建设落地经验，为高端制造、气象海洋、生命科学、教育科研等行业客户定制建设集计算、存储、网络、安全、平台一体化的定制化算力集群，提供高效算力服务保障。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 战略股东 -->
    <section class="strategic-partners">
        <div class="container">
            <div class="section-title">
                <h2>股东介绍</h2>
                <div class="title-line"></div>
            </div>
            <div class="partners-grid">
                <div class="partner-card">
                    <div class="partner-info">
                        <div class="partner-tag">A股上市公司</div>
                        <h3>电光防爆科技（股票代码：002730）</h3>
                        <p>国有资本占主导地位，享有资源整合与市场拓展优势，能高效对接资本与产业资源，加速战略布局业务拓展</p>
                    </div>
                    <div class="partner-image">
                        <img src="/static/image/about/about1.png" alt="电光防爆科技">
                    </div>
                </div>
                <div class="partner-card">
                    <div class="partner-info">
                        <div class="partner-tag">数字经济</div>
                        <div class="partner-tag partner-tag-tertiary">智算领航</div>
                        <h3>浙江云谷</h3>
                        <p>专注于智算中心与数据中心建设，培育数字经济新动能，激活数字经济新引擎。</p>
                    </div>
                    <div class="partner-image">
                        <img src="/static/image/about/about2.png" alt="浙江云谷">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 建设路线与预期目标 -->
    <section id="about-roadmap" class="about-roadmap">
        <div class="container">
            <div class="section-title">
                <h2>建设路线与预期目标</h2>
                <div class="title-line"></div>
            </div>
            <div class="roadmap-container">
                <!-- 2017年节点 -->
                <div class="roadmap-item" data-aos="fade-right">
                    <div class="roadmap-dot">
                        <i class="fas fa-building roadmap-icon"></i>
                    </div>
                    <div class="roadmap-content">
                        <div class="roadmap-year">2017</div>
                        <h3>浙江云谷公司成立</h3>
                        <p>专业从事IDC租赁业务，为客户提供高质量的数据中心服务。</p>
                    </div>
                </div>
                
                <!-- 2024年节点 -->
                <div class="roadmap-item" data-aos="fade-left">
                    <div class="roadmap-dot">
                        <i class="fas fa-rocket roadmap-icon"></i>
                    </div>
                    <div class="roadmap-content">
                        <div class="roadmap-year">2024</div>
                        <h3>算力产业业务升级</h3>
                        <p>浙江云谷从事算力产业业务升级，千卡GPU上线、HPC中心上线运营。</p>
                    </div>
                </div>
                
                <!-- 2025.01节点 -->
                <div class="roadmap-item" data-aos="fade-right">
                    <div class="roadmap-dot">
                        <i class="fas fa-handshake roadmap-icon"></i>
                    </div>
                    <div class="roadmap-content">
                        <div class="roadmap-year">2025.01</div>
                        <h3>算力+应用解决方案</h3>
                        <p>与自主可控CAE仿真应用企业【凌云智擎】达成合作，解决"工程算力业务最后一公里"，形成全产业闭环的算力业务模式。</p>
                    </div>
                </div>
                
                <!-- 2025.07节点 -->
                <div class="roadmap-item" data-aos="fade-left">
                    <div class="roadmap-dot">
                        <i class="fas fa-coins roadmap-icon"></i>
                    </div>
                    <div class="roadmap-content">
                        <div class="roadmap-year">2025.07</div>
                        <h3>战略投资合作</h3>
                        <p>与电光科技达成战略投资合作，共建"北京电光云"公司成立，开启新篇章。</p>
                    </div>
                </div>
                
                <!-- 未来5年规划节点 -->
                <div class="roadmap-item" data-aos="fade-right">
                    <div class="roadmap-dot">
                        <i class="fas fa-lightbulb roadmap-icon"></i>
                    </div>
                    <div class="roadmap-content">
                        <div class="roadmap-year">未来5年规划</div>
                        <h3>算力效能提升</h3>
                        <p>专注算力效能提升，为每一次计算负责，持续推动算力产业创新发展。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 企业文化 -->
    <section id="about-culture" class="about-culture">
        <div class="container">
            <div class="section-title">
                <h2>企业文化</h2>
                <div class="title-line"></div>
            </div>
            <div class="culture-values">
                <div class="culture-value">
                    <div class="value-icon">
                        <i class="fas fa-broom"></i>
                    </div>
                    <h3>勤勉</h3>
                </div>
                <div class="culture-value">
                    <div class="value-icon">
                        <i class="fas fa-compass"></i>
                    </div>
                    <h3>探索</h3>
                </div>
                <div class="culture-value">
                    <div class="value-icon">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <h3>务实</h3>
                </div>
                <div class="culture-value">
                    <div class="value-icon">
                        <i class="fas fa-check-circle"></i>
                    </div>
                    <h3>尽责</h3>
                </div>
            </div>
        </div>
    </section>

    <!-- 合作伙伴 -->
    <section class="about-partners">
        <div class="container">
            <h2>合作伙伴</h2>
            <div class="partners-logos">
                <div class="partner-item">
                    <img src="/static/image/about/about-5-1.png" alt="合作伙伴1">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-2.png" alt="合作伙伴2">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-3.png" alt="合作伙伴3">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-4.png" alt="合作伙伴4">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-5.png" alt="合作伙伴5">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-6.png" alt="合作伙伴6">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-7.png" alt="合作伙伴7">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-8.png" alt="合作伙伴8">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-9.png" alt="合作伙伴9">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-10.png" alt="合作伙伴10">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-11.png" alt="合作伙伴11">
                </div>
                <div class="partner-item">
                    <img src="/static/image/about/about-5-12.png" alt="合作伙伴12">
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <div id="footer-container"></div>

    <script>
        // 确保DOM加载完成
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initAboutPage);
        } else {
            initAboutPage();
        }
        
        function initAboutPage() {
            console.log('关于我们页面初始化');
            
            // 确定当前页面的基础路径
            const basePath = '../';
            
            // 加载导航栏和页脚
            loadComponents(basePath);
            
            // 加载并初始化侧边按钮组
            loadSideActions(basePath);
        }
        
        function loadComponents(basePath) {
            // 加载导航栏
            fetch(`${basePath}components/navbar.html`)
                .then(response => response.ok ? response.text() : '')
                .then(navbarHtml => {
                    if (navbarHtml) {
                        navbarHtml = navbarHtml.replace(/__BASE_PATH__/g, basePath);
                        navbarHtml = navbarHtml.replace(/class="__ABOUT_ACTIVE__"/, 'class="active"');
                        navbarHtml = navbarHtml.replace(/class="__[A-Z_]+__"/g, '');
                        
                        const navbarContainer = document.getElementById('navbar-container');
                        if (navbarContainer) {
                            navbarContainer.innerHTML = navbarHtml;
                        }
                    }
                    
                    // 加载页脚
                    return fetch(`${basePath}components/footer.html`);
                })
                .then(response => response.ok ? response.text() : '')
                .then(footerHtml => {
                    if (footerHtml) {
                        footerHtml = footerHtml.replace(/__BASE_PATH__/g, basePath);
                        
                        const footerContainer = document.getElementById('footer-container');
                        if (footerContainer) {
                            footerContainer.innerHTML = footerHtml;
                        }
                    }
                })
                .catch(error => {
                    console.error('加载组件时出错:', error);
                });
        }
        

        
        function loadSideActions(basePath) {
            const script = document.createElement('script');
            script.src = `${basePath}js/side-actions.js`;
            script.onload = function() {
                console.log('侧边按钮组脚本加载成功');
                if (window.initSideActions) {
                    window.initSideActions();
                }
            };
            document.head.appendChild(script);
            
            // 时间轴动画脚本已在head标签中加载
        }
    </script>
<script src="/js/roadmap-animation.js"></script>
    </body>
</html>